<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags always come first -->
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/lib/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
     <link rel="stylesheet" href="/css/shop.css"/>
  </head>
  <body>
    <div class="container-fluid" >
    	<div class="row" style="padding: 1rem 0;">
    		<div class="col-xs-1 col-sm-offset-1">
    			<span class="c-y" id="back">&lt;</span>
    		</div>
    		<span class="center-block w-6" >易来客运</span>
    	</div>
    	<div class="row">
    		<div class="col-xs-12 col-sm-10 col-sm-offset-1" style="padding: 0;">
    			<img src="/images/banner.png" class="center-block w-100 img-responsive " style="" />
    		</div>
    	</div>
    	<div class="row " >
    	<a th:href="'/shop/car?id='+${throughTrain.id}" th:each="throughTrain,stat : ${throughTrains}">
    		<div th:if="${stat.index%2==0}" class="col-xs-12 col-sm-5 col-sm-offset-1 " id="car1">
    		<div class="col-xs-3 pt-5 px-0 " style="" th:onclick="'goto(\'/shop/car?id='+${throughTrain.id}+'\')'">
         			<img th:src="'/'+${throughTrain.bannerImg}" src="/images/car1.png" class="img-responsive  "  alt="Cinque Terre"/>
    			</div>
    			<div class="col-xs-9">
    				<div class="col-xs-8 px-0"><h4 th:text="${throughTrain.name}" class="mb-5 text-nowrap p_text_over" >神木X景区直通车士</h4></div>
    				<div class="col-xs-4 px-0"><h4><span class="pull-right c-r" ><strong th:text="${throughTrain.price}">220</strong>元</span></h4></div>
    				<div class="col-xs-12 px-0"><p th:utext="${throughTrain.introduceServer}" class="text-muted p_text_over mb-5" style=" ">精选优质舒适空调巴士，车内宽敞舒适，点对点直达景区</p></div>
    				<div class="col-xs-12 px-0"><p th:utext="${throughTrain.introducePlace}" class="text-nowrap p_text_over c-y mb-5" >每天发车，从成都直达神木X，途径邓池沟。</p></div>
    			</div>
    		</div>
    		<div th:unless="${stat.index%2==0}" class="col-xs-12 col-sm-5 c " id="car1">
    			<div class="col-xs-3 pt-5 px-0 " style="">
         			<img th:src="'/'+${throughTrain.bannerImg}" src="/images/car1.png" class="img-responsive  "  alt="Cinque Terre"/>
    			</div>
    			<div class="col-xs-9">
    				<div class="col-xs-8 px-0"><h4 th:text="${throughTrain.name}" class="mb-5 text-nowrap p_text_over" >神木X景区直通车士</h4></div>
    				<div class="col-xs-4 px-0"><h4><span class="pull-right c-r" ><strong th:text="${throughTrain.price}">220</strong>元</span></h4></div>
    				<div class="col-xs-12 px-0"><p th:utext="${throughTrain.introduceServer}" class="text-muted p_text_over mb-5" style=" ">精选优质舒适空调巴士，车内宽敞舒适，点对点直达景区</p></div>
    				<div class="col-xs-12 px-0"><p th:utext="${throughTrain.introducePlace}" class="text-nowrap p_text_over c-y mb-5" >每天发车，从成都直达神木X，途径邓池沟。</p></div>
    			</div>
    		</div>
    	</a>	
    	</div>
    </div>
	
    <!-- jQuery first, then Bootstrap JS. -->
    <script src="/lib/jquery/1.9.1/jquery.min.js"></script>
    <script src="/lib/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/js/url.js"></script>
    

  </body>
</html>